<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京东商城</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="icon" href="favicon.ico">

</head>
<body>
<!--Nav 开始-->
<div class="site-nav">
    <div class="w">
        <div class="fl">
            <div class="site-nav-send">
                送至：北京
                <i><s>◇</s></i>
            </div>
        </div>

        <div class="fr site-nav-r">
            <ul>
                <li>
                    <a href="#">你好,请登录</a>&nbsp
                    <a class="col-red" href="#">免费注册</a></li>
                <li class="line"></li>
                <li ><a href="">我的订单</a></li>
                <li class="line"></li>
                <li class="fore">

                    <a href="">我的京东</a>
                    <i><s>◇</s></i>

                </li>
                <li class="line"></li>
                <li ><a href="">京东会员</a></li>
                <li class="line"></li>
                <li ><a href="">企业采购</a></li>
                <li class="line"></li>
                <li class="fore jd-tel">
                    <span></span>
                    <a href="">手机京东</a>

                    <i><s>◇</s></i>
                </li>

                <li class="line"></li>

                <li class="fore">关注京东
                    <i><s>◇</s></i>
                </li>
                <li class="line"></li>

                <li class="fore">客服服务
                    <i><s>◇</s></i>
                </li>
                <li class="line"></li>

                <li class="fore">网站导航
                    <i><s>◇</s></i>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--Nav 结束-->

<!--top-banner 开始-->

<div class="top-banner">
    <div class="w top-banner-conter">
        <a href="#"><img src="images/top-banner.jpg" alt=""></a>
        <a href="" class="close-banner"></a>
    </div>
</div>

<!--top-banner 结束-->


<!--search 开始-->
<div class="w clearfix">
    <div class="search-logo ">
        <a href="">京东</a>
    </div>
    <div class="search-input">
        <input type="text" name="search" id="" value="运动相机">
        <button>搜索</button>
    </div>
    <div class="search-car">
        <a href=#"" >我的购物车</a>
        <i class="search-car-gwc"></i>
        <i class="search-car-msg">6</i>
        <i class="search-car-jt">></i>


    </div>
    <div class="search-moreAlink">
        <ul>
            <li><a class="col-red" href="#">30抵130</a></li>
            <li><a href="#">69元秒风扇</a></li>
            <li><a href="#">农用物资</a></li>
            <li><a href="#">200减40</a></li>
            <li><a href="#">啤酒趴</a></li>
            <li><a href="#">早教机</a></li>
            <li><a href="#">柠檬</a></li>
            <li><a href="#">0元试用</a></li>
            <li><a href="#">海苔</a></li>
        </ul>
       

    </div>
</div>

<!--search 结束-->

<!--shortcut-nav部分开始-->

<!-- .shortcut-nav>.w>(.shortcut-nav-menu>(.shortcut-nav-menu-all>a[href="#"])+.shortcut-nav-menu-one)+(.shortcut-nav-items>ul>li*9>a[href="#"])+.shortcut-nav-img>a[href="#"]>img    -->
<div class="shortcut-nav">
    <div class="w">
        <div class="shortcut-nav-menu">
            <div class="shortcut-nav-menu-all"><a href="#">全部商品分类</a></div>
            <div class="shortcut-nav-menu-one">

                <div>
                    <h3>
                        <a href="#">家用电器</a>
                    </h3>
                    <i>></i>
                </div>

            

                <div>
                    <h3>
                        <a href="#">手机 / 运营商 / 数码</a>
                    </h3>
                    <i>></i>
                </div>

                <div>
                        <h3>
                            <a href="#">电脑 / 办公</a>
                        </h3>
                        <i>></i>
                    </div> 

                    <div>
                            <h3>
                                <a href="#">家居 / 家具 / 家装 / 厨具</a>
                            </h3>
                            <i>></i>
                        </div>

                        <div>
                                <h3>
                                    <a href="#">男装 / 女装 / 童装 / 内衣</a>
                                </h3>
                                <i>></i>
                            </div>

                            <div>
                                    <h3>
                                        <a href="#">美妆个护 / 宠物</a>
                                    </h3>
                                    <i>></i>
                                </div>


                                <div>
                                        <h3>
                                            <a href="#">女鞋 / 箱包 / 钟表 / 珠宝</a>
                                        </h3>
                                        <i>></i>
                                    </div>
            


            <div>
                    <h3>
                        <a href="#">男鞋 / 运动 / 户外</a>
                    </h3>
                    <i>></i>
                </div>

            

                <div>
                    <h3>
                        <a href="#">手机 / 运营商 / 数码</a>
                    </h3>
                    <i>></i>
                </div>

                <div>
                        <h3>
                            <a href="#">电脑 / 办公</a>
                        </h3>
                        <i>></i>
                    </div> 

                    <div>
                            <h3>
                                <a href="#">汽车 / 汽车用品</a>
                            </h3>
                            <i>></i>
                        </div>

                        <div>
                                <h3>
                                    <a href="#">男装 / 女装 / 童装 / 内衣</a>
                                </h3>
                                <i>></i>
                            </div>

                            <div>
                                    <h3>
                                        <a href="#">美妆个护 / 宠物</a>
                                    </h3>
                                    <i>></i>
                                </div>


                                <div>
                                        <h3>
                                            <a href="#">女鞋 / 箱包 / 钟表 / 珠宝</a>
                                        </h3>
                                        <i>></i>
                                    </div>


                                         
            </div>
        </div>
        <div class="shortcut-nav-items">
            <ul>
                <li><a href="#">服装城</a></li>
                <li><a href="#">美妆馆</a></li>
                <li><a href="#">京东超市</a></li>
                <li><a href="#">生鲜</a></li>
                <li><a href="#">全球购</a></li>
                <li><a href="#">闪购</a></li>
                <li><a href="#">团购</a></li>
                <li><a href="#">拍卖</a></li>
                <li><a href="#">金融</a></li>
            </ul>
        </div>
        <div class="shortcut-nav-img">
            <a href="#"><img src="images/img2.jpg" alt=""></a>
        </div>
    </div>
</div>

<!--shortcut-nav部分结束-->
<!-- sub_banner 开始 -->
 <div class="sub-banner">

    <a href="http://taobao.com" target="_blank"></a>
 </div>

<!-- sub_banner 结束 -->

<!-- 主要部分开始 -->   
  <div class="w main clearfix">

    <div class="main-slider ">
       <a href=""><img src="images/slider.jpg" alt=""></a>
            <ul>
                <li>1</li>
                <li class="carnot">2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
            </ul>

            <div class="arrow">
                <a  class = "arrow-left" href=""><</a>
                <a class = "arrow-right" href="">></a>
            </div>

    </div>

     <div class="main-news">
     <div class="main-news-top">
         <div class="main-news-top-faster">
             <div class="main-news-top-faster-title">
                    <h2>京东快报</h2>
                    <a href="#">更多</a>
             </div>
             <div class="main-news-top-faster-content">

                    <ul>
                        <li><a href="#"><span>[特惠]</span>自营文具每满199减100疯3天</a></li>
                        <li><a href="#"><span>[特惠]</span>自营文具每满199减100疯3天</a></li>
                        <li><a href="#"><span>[特惠]</span>自营文具每满199减100疯3天</a></li>
                        <li><a href="#"><span>[特惠]</span>自营文具每满199减100疯3天</a></li>
                        <li><a href="#"><span>[特惠]</span>自营文具每满199减100疯3天</a></li>
                        
                    </ul>
             </div>
         </div>
         <div class="main-news-top-money">

            <ul>
                <li>
                    <a href="#">
                      <i class="mai-new-top-money-icon1"></i>
                      话费
                      <span class="show"></span>
                    </a>
                </li>
                <li>
                    <a href="#">
                    <i class="mai-new-top-money-icon2"></i>
                          话费
                    </a>
                </li>
                <li>
                    <a href="#">
                    <i class="mai-new-top-money-icon3"></i>
                              话费
                    </a>
                </li>
                <li>
                    <a href="#">
                    <i class="mai-new-top-money-icon4"></i>
                              话费
                    </a>
                </li>

                <li>
                        <a href="#">
                          <i class="mai-new-top-money-icon5"></i>
                          话费
                        </a>
                    </li>
                    <li>
                        <a href="#">
                        <i class="mai-new-top-money-icon6"></i>
                              话费
                        </a>
                    </li>
                    <li>
                        <a href="#">
                        <i class="mai-new-top-money-icon7"></i>
                                  话费
                        </a>
                    </li>
                    <li>
                        <a href="#">
                        <i class="mai-new-top-money-icon8"></i>
                                  话费
                        </a>
                    </li>


                    <li>
                            <a href="#">
                              <i class="mai-new-top-money-icon9"></i>
                              话费
                            </a>
                        </li>
                        <li>
                            <a href="#">
                            <i class="mai-new-top-money-icon10"></i>
                                  话费
                            </a>
                        </li>
                        <li>
                            <a href="#">
                            <i class="mai-new-top-money-icon11"></i>
                                      话费
                            </a>
                        </li>
                        <li>
                            <a href="#">
                            <i class="mai-new-top-money-icon12"></i>
                                      话费
                            </a>
                        </li>
                
            </ul>
             
        </div>  

    </div>
        <a href="">
            <img src="images/logo.png" alt="">
        </a>
    </div>

</div>
<!-- 主要部分结束 -->

<!-- today 部分开始 -->

<div class="w today clearfix">
        <div class="today-left">
            <a href="#"></a>
        </div>
        <div class="today-right">
            <ul>
                <li><a href="#"><img src="images/pic2.jpg" alt=""></a></li>
                <li><a href="#"><img src="images/pic3.jpg" alt=""></a></li>
                <li><a href="#"><img src="images/pic4.jpg" alt=""></a></li>
                <li><a href="#"><img src="images/pic5.jpg" alt=""></a></li>
            </ul>
            <div class="arrow">
                    <a  class = "arrow-left" href=""><</a>
                    <a class = "arrow-right" href="">></a>
            </div>
        </div>

</div>


<!-- today 部分结束 -->



<!--footer 开始-->

<div class="footer ">
    <div class="footer-top  ">
        <div class=" footer-top-slogen">
            <span class="footer-top-slogen-icon footer-top-slogen-icon1"><img src="images/slogan1.png" alt=""></span>
            <span class="footer-top-slogen-icon footer-top-slogen-icon2"><img src="images/slogan2.png" alt=""></span>
            <span class="footer-top-slogen-icon footer-top-slogen-icon3"><img src="images/slogan3.png" alt=""></span>
            <span class="footer-top-slogen-icon footer-top-slogen-icon4"><img src="images/slogan4.png" alt=""></span>

        </div>
        <div class="w footer-top-shopping clearfix">
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行/团购</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>

            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行/团购</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>

            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行/团购</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>

            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行/团购</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>



            <dl class="last-dl">
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">会员介绍</a></dd>
                <dd><a href="#">生活旅行/团购</a></dd>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">大家电</a></dd>
                <dd><a href="#">联系客服</a></dd>
            </dl>
            <div class="coverage">
                <h3>京东自营覆盖区县</h3>
                <p>京东已向全国2654个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
                <a href="#">查看详情 ></a>
            </div>


        </div>

    </div>
    <div class="w footer-bottom">
        <div class="footer-bottom-links">
            <a href="#">关于我们</a>|
            <a href="#">联系我们</a>|
            <a href="#">联系客服</a>|
            <a href="#">商家入驻</a>|
            <a href="#">营销中心</a>|
            <a href="#">手机京东</a>|
            <a href="#">友情链接</a>|
            <a href="#">销售联盟</a>|
            <a href="#">京东社区</a>|
            <a href="#">京东公益</a>|
            <a href="#">English Site</a>|
            <a href="#">Contact Us</a>

        </div>

        <div class="footer-bottom-copyright">
            <img src="images/gh.png"/>京公网安备 11000002000088号  |  京ICP证070359号  |  互联网药品信息服务资格证编号(京)-经营性-2014-0008  |  新出发京零 字第大120007号<br>
            互联网出版许可证编号新出网证(京)字150号  |  出版物经营许可证  |  网络文化经营许可证京网文[2014]2148-348号  |  违法和不良信息举报电话：4006561155<br>
            Copyright © 2004 - 2016  京东JD.com 版权所有  |  消费者维权热线：4006067733<br>
            京东旗下网站：京东钱包
        </div>
        <div class="footer-bottom-image">
            <a href="#"><img src="images/img1.png" alt=""></a>
            <a href="#"><img src="images/img1.png" alt=""></a>
            <a href="#"><img src="images/img1.png" alt=""></a>
            <a href="#"><img src="images/img1.png" alt=""></a>
            <a href="#"><img src="images/img1.png" alt=""></a>
            <a href="#"><img src="images/img1.png" alt=""></a>

        </div>

    </div>
</div>


<!--footer 结束-->





</body>
</html>